﻿/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
 /* common styling */
.menu { margin:0; width:150px; position:relative; font-size:10pt; z-index:100; clear:both; /* for this page only */ }
.menu ul { padding:0; margin:0; list-style-type: none; }
.menu ul li { float:left; position:relative; font-weight:bold; }
.menu li.last { border-bottom:2px solid #000; margin:0; }
.menu ul li a, .menu ul li a:visited { line-height:20px; height:32px; display:block; text-decoration:none; color:#000; width:139px; color:#000; border:2px solid #000; border-width:2px 2px 0 2px; padding-left:10px; background:#fff; }
.menu ul li ul { display: none; }
.menu table { margin:-1px; border-collapse:collapse;font-size:1em; } /* specific to non IE and IE7 browsers */
.menu ul li:hover a { color:#c00; }
.menu ul li:hover ul { display:block; position:absolute; top:33px; margin-top:1px; left:0; width:150px; height:auto; }
.menu ul li:hover ul li ul { display: none; }
.menu ul li:hover ul li a { line-height:15px; display:block; background:#ddd; color:#000; height:auto; padding:5px 10px; width:129px; }
.menu ul li a:hover ul li a.drop,
.menu ul li:hover ul li a.drop { background:#ddd; }
.menu ul li:hover ul li:hover ul li:hover a, /* for IE5.x and IE6 browsers only */
.menu ul li a:hover ul li a:hover,
.menu ul li:hover ul li:hover a { background:#888; color:#fff; }
.menu ul li a:hover ul li a.drop:hover,
.menu ul li:hover ul li:hover a.drop { background:#888; }
.menu ul li:hover ul li:hover ul { display:block; position:absolute; left:150px; top:-1px; width:150px; }
.menu ul li:hover ul li:hover ul li a { background:#ddd; color:#000; }
.menu ul li a:hover { color:#c00; background:#eee; }
.menu ul li a:hover ul { display:block; position:absolute; top:29px; left:0; background:#eee; margin-top:0; marg\in-top:1px; }
.menu ul li a:hover ul li a { height:20px; hei\ght:20px; line-height:15px; display:block; background:#ddd; color:#000; padding:5px 10px; width:151px; w\idth:129px; }
.menu ul li a:hover ul li a ul { visibility:hidden; position:absolute; height:0; width:0; }
.menu ul li a:hover ul li a:hover ul { visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:150px; }

.left { clear:both; }

<html><body><div>
<html><body><div>